export const CSS_IDS: { [key: string]: string } = {
  CSS_SYNTAX: 'CSS_SYNTAX',
  CSS_SELECTORS: 'CSS_SELECTORS',
  CSS_HOWTO: 'CSS_HOWTO',
  CSS_COMMENTS: 'CSS_COMMENTS',
  CSS_COLORS: 'CSS_COLORS',
  CSS_BACKGROUNDS: 'CSS_BACKGROUNDS',
  CSS_BORDERS: 'CSS_BORDERS',
  CSS_MARGIN: 'CSS_MARGIN',
  CSS_PADDING: 'CSS_PADDING',
  CSS_DIMENTIONS: 'CSS_DIMENTIONS',
  CSS_BOXMODEL: 'CSS_BOXMODEL',
  CSS_OUTLINE: 'CSS_OUTLINE',
  CSS_TEXT: 'CSS_TEXT',
  CSS_FONTS: 'CSS_FONTS',
  CSS_ICONS: 'CSS_ICONS',
  CSS_LINKS: 'CSS_LINKS',
  CSS_LISTS: 'CSS_LISTS',
  CSS_TABLES: 'CSS_TABLES',
  CSS_DISPLAY: 'CSS_DISPLAY',
  CSS_MAXWIDTH: 'CSS_MAXWIDTH'
};

export const CSS_TEMPLATES = {
  [CSS_IDS.CSS_SYNTAX]: async () => (await import('./001_css_syntax')).default,
  [CSS_IDS.CSS_SELECTORS]: async () => (await import('./002_css_selectors')).default,
  [CSS_IDS.CSS_HOWTO]: async () => (await import('./003_css_howTo')).default,
  [CSS_IDS.CSS_COMMENTS]: async () => (await import('./004_css_comments')).default,
  [CSS_IDS.CSS_COLORS]: async () => (await import('./005_css_colors')).default,
  [CSS_IDS.CSS_BACKGROUNDS]: async () => (await import('./006_css_backgrounds')).default,
  [CSS_IDS.CSS_BORDERS]: async () => (await import('./007_css_borders')).default,
  [CSS_IDS.CSS_MARGIN]: async () => (await import('./008_css_margin')).default,
  [CSS_IDS.CSS_PADDING]: async () => (await import('./009_css_padding')).default,
  [CSS_IDS.CSS_DIMENTIONS]: async () => (await import('./010_css_dimentions')).default,
  [CSS_IDS.CSS_BOXMODEL]: async () => (await import('./011_css_boxModel')).default,
  [CSS_IDS.CSS_OUTLINE]: async () => (await import('./012_css_outline')).default,
  [CSS_IDS.CSS_TEXT]: async () => (await import('./013_css_text')).default,
  [CSS_IDS.CSS_FONTS]: async () => (await import('./014_css_fonts')).default,
  [CSS_IDS.CSS_ICONS]: async () => (await import('./015_css_icons')).default,
  [CSS_IDS.CSS_LINKS]: async () => (await import('./016_css_links')).default,
  [CSS_IDS.CSS_LISTS]: async () => (await import('./017_css_lists')).default,
  [CSS_IDS.CSS_TABLES]: async () => (await import('./018_css_tables')).default,
  [CSS_IDS.CSS_DISPLAY]: async () => (await import('./019_css_display')).default,
  [CSS_IDS.CSS_MAXWIDTH]: async () => (await import('./020_css_maxWidth')).default
};
